home *** CD-ROM | disk | FTP | other *** search
/ MacFormat UK 179 / MF_UK_179_1.iso / DiscContents / In the mag / Widgets / SurveyGizmo Widget 1.0 / SurveyGizmo Widget / SurveyGizmo.wdgt / surveyGizmo.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-10-18  |  7.2 KB  |  419 lines
  1. body {
  2.     font: 13px "Helvetica Neue";
  3.     color: white;
  4.     margin: 0;
  5. }
  6. #front {
  7.     position: absolute;
  8.     top: 0;
  9.     left: 0;
  10.     bottom: 0;
  11.     width: 449px;
  12.     height: 291px;
  13.     background: url(Default.png) no-repeat;
  14. }
  15. #back {
  16.     position: absolute;
  17.     top: 0;
  18.     left: 0;
  19.     bottom: 0;
  20.     width: 449px;
  21.     height: 291px;
  22.     background: url(Default_reverse.png) no-repeat;
  23.     display: none;
  24. }
  25. #blank{
  26.     position: absolute;
  27.     top: 0px;
  28.     left: 60px;
  29.     width: 320px;
  30.     height: 75px;
  31.     opacity: 1.0;
  32. }
  33. a { 
  34. text-decoration: none; 
  35. }
  36. a:hover { color: white; }
  37. /****************
  38. * SurveyContent *
  39. ****************/
  40. #surveyContent {
  41.     position: absolute;
  42.     left: 10px;
  43.     top: 102px;
  44.     width: 450px;
  45. }
  46. /*** Link: new Survey ***/
  47. #lnkNewSurvey {
  48.     position: absolute;
  49.     left: 317px;
  50.     top: -22px;
  51.     
  52. }
  53.  
  54. #lnkNewSurvey a { 
  55.     color: white;
  56.     text-shadow: #135996 0px 1px 0px;
  57.     text-decoration: none;
  58.     font-weight: 700;
  59.     font-size: 99%;
  60. }
  61. #lnkNewSurvey a:hover { 
  62.     color: #fff; 
  63.  
  64. }
  65.  
  66. /*** Text: "Select a survey from the drop down" ***/
  67. #txtSelectSurvey{
  68.     position:absolute;
  69.     left: 15px;
  70.     top: -14px;
  71.     font-size: 11px;
  72. }
  73.  
  74. /*************
  75. * popup-menu *
  76. *************/
  77. .popupMenuImage{
  78.     position: absolute;
  79.     left: 4px;
  80.     top: 0px;
  81.     width: 422px;
  82.     height: 36px;
  83.     background: url(gfx/dropdownbg.png) no-repeat;
  84. }
  85.  
  86. #popupMenuText {
  87.     font-size: 15px;
  88.     font-weight: Bold;
  89.     color: white;
  90.     text-shadow: #135996 0px 1px 0px;
  91.     opacity:.9;
  92.     position: absolute;
  93.     left: 25px;
  94.     top: 7px;
  95.     z-index: 19;
  96.     width: 383px;
  97. }
  98. #popupMenu:hover {cursor:pointer}
  99.  
  100. #popupMenu {
  101.     position:absolute;
  102.     top: 5px;
  103.     left: 25px;
  104.     width: 396px;
  105.     height: 36px;
  106.     opacity: 0.0;
  107.     z-index: 20;
  108. }
  109. /*************
  110. * resultsDiv *
  111. *************/
  112.  
  113. #dvResults{
  114.     position:absolute;
  115.     top: 25px;
  116.     left: 30px;
  117.     width: 385px;
  118.     height: 128px;
  119.     font-size: 13px;
  120.     font-weight: bold;
  121.     display:none;
  122. }
  123. .divSurveyErg{
  124.     margin-bottom: 15px;
  125.     margin-left:0px;
  126.     margin-top:15px;
  127.     margin-right:0px;
  128. }
  129. #divSurveyCol1{
  130.     position: absolute;
  131.     top: 0px;
  132.     left: 6px;
  133.     width: 110px;
  134. }
  135. #divSurveyCol2{
  136.     position: absolute;
  137.     top: 0px;
  138.     left: 110px;
  139.     width: 60px;
  140.     text-align:left:
  141. }
  142. #divSurveyCol3{
  143.     position: absolute;
  144.     top: 0px;
  145.     left: 180px;
  146.     width: 140px;
  147. }
  148. #divSurveyCol4{
  149.     position: absolute;
  150.     top: 0px;
  151.     left: 320px;
  152.     width: 60px;
  153. }
  154. /***********************************
  155. * Buttons, using Apples' own class *
  156. ************************************
  157. /*** widgetButton-class ***/
  158. .widgetButton {
  159.     font-size: 10px;
  160.     font-weight: bold;
  161.     color: white;
  162. }
  163. .widgetButton:hover {cursor:pointer; color: red;}
  164.  
  165. /*******************
  166. * Buttons on front *
  167. *******************/
  168. #btEditSurvey, #btReporting, #btPreview {
  169.     position: absolute;
  170.     display:block;
  171.     width:116px;
  172.     height:17px;
  173.     background: url(gfx/blueButton.png) no-repeat 3px 0;
  174.     text-align:center;
  175.     font-weight: bold;
  176.     color: white;
  177.     font-size: 13px;
  178.     padding:3px 0;
  179.     opacity:.9;
  180.     letter-spacing:1px;
  181.     text-shadow: #135996 0px 1px 1px 0px;
  182.     
  183. }
  184. #lnkBtNewSurvey:hover {
  185.     color: #C0E1FC !important;    
  186. }
  187.  
  188. a#btEditSurvey:hover, a#btReporting:hover, a#btPreview:hover {
  189.     color:#C0E1FC !important;
  190. }
  191.  
  192.         
  193. /*** btEditSurvey ***/
  194. #btEditSurvey{
  195.     left: -3px;
  196.     bottom: 12px;
  197.  
  198. }
  199. /*** btReporting ***/
  200. #btReporting {
  201.     left: 126px;
  202.     bottom: 12px;
  203. }
  204. /*** btPreview ***/
  205. #btPreview {
  206.     left: 257px;
  207.     bottom: 12px;
  208. }
  209.  
  210. #lnkSurveyGizmoUrlOnFront{
  211.     position: absolute;
  212.     bottom: 20px;
  213.     left:150px;
  214. }
  215. #lnkSurveyGizmoUrlOnFront a {
  216.     color: #1f649c;
  217.     font-size: 13px;
  218.     text-decoration: none;
  219.     font-weight:700;
  220. }
  221. #lnkSurveyGizmoUrlOnFront a:hover { color:white; }
  222. #lnkSurveyGizmoUrlOnFront:link { text-decoration: none; }
  223. #lnkSurveyGizmoUrlOnFront:visited { text-decoration: none; }
  224. #lnkSurveyGizmoUrlOnFront:hover { text-decoration: }
  225. #lnkSurveyGizmoUrlOnFront:active { text-decoration: none; }
  226.  
  227.  
  228. /*** hyperlink Update-message ***/
  229. #lnkUpdateWidget{
  230.     position: absolute;
  231.     bottom: 20px;
  232.     left: 28px;
  233.     display: none;
  234. }
  235. #lnkUpdateWidget a {
  236.     color: #E77C00;
  237.     font-size: 13px;
  238.     font-weight: bold;
  239.     text-decoration: none;
  240. }
  241. #lnkUpdateWidget:link { text-decoration: none; }
  242. #lnkUpdateWidget:visited { text-decoration: none; }
  243. #lnkUpdateWidget:hover { text-decoration: none; }
  244. #lnkUpdateWidget:active { text-decoration: none; }
  245.  
  246. /*** Spinner-gif ***/
  247. #divSpin{
  248.     position:absolute;
  249.     top:175px;
  250.     left: 23px;
  251.     width: 395;
  252.     height:16px;
  253.     text-align: center;
  254.     font-size: 18px;
  255.     font-weight: bold;
  256.     color: black;
  257.     opacity: 0.1;
  258.     border:1px solid #ccc;
  259.     
  260. }
  261. #spinWheel{ height: 16px;}
  262. #statusText{  }
  263. #statusTime {display:none;}
  264. /************************
  265. * Input-Div on Backside *
  266. ************************/
  267. #inputDivOnBack{
  268.     position: absolute;
  269.     top: 110px;
  270.     width: 350px;
  271.     padding-left: 60px;
  272. }
  273. /*** Text: "User api key" ***/
  274. #txtUserApiKey{
  275.     position:absolute;
  276.     top: 0px;
  277.     width: 383px;
  278. }
  279. .txtapi { position: relative; left: -10px; font-weight:bold; }
  280.  
  281. /*** Hyperlink: "Find your key" ***/
  282. #lnkFindYourKey{
  283.     color: #1f649c;
  284.     font-size: 11px;
  285.     position: relative;
  286.     left: 203px;
  287. }
  288. #lnkFindYourKey a:link { text-decoration: none; }
  289. #lnkFindYourKey a:visited { text-decoration: none; }
  290. #lnkFindYourKey:hover { text-decoration: none; color: white; }
  291. #lnkFindYourKey a:active { text-decoration: none; }
  292.  
  293. /*** Userkey-inputfield ***/
  294. #divUserKey{
  295.     position:absolute;
  296.     top: -5px;
  297.     left: 100px;
  298. }
  299.  
  300. /*** Text: "Need a survey-account?" ***/
  301. #txtGetSurveyAccount{
  302.     position: absolute;
  303.     top: 50px;
  304.     width: 340px;
  305.     text-align:center;
  306.     font-size: 13px;
  307.     margin-top:30px;
  308. }
  309. /*** Hyperlink: "get one free here" ***/
  310. #lnkGetAccount{
  311.     color: #1f649c;
  312.     font-size: 16px;
  313.     font-weight:700;
  314.     position: relative; 
  315.     top: 20px;
  316. }
  317. #lnkGetAccount a:link { text-decoration: none; }
  318. #lnkGetAccount a:visited { text-decoration: none; }
  319. #lnkGetAccount:hover { 
  320.      text-decoration: none; 
  321.     color:#FC0202;
  322.     text-shadow: #135996 0px 1px 1px 0px;
  323.  
  324. }
  325. #lnkGetAccount a:active { text-decoration: none; }
  326.  
  327. /*************************
  328. * Textbox "widget by..." *
  329. *************************/ 
  330. #creatorOnBack{
  331.     position: absolute;
  332.     bottom: 20px;
  333.     left: 20px;
  334.     color: #1f649c;
  335.     font-size: 11px;
  336. }
  337.  
  338. /*** Hyperlink: "wdgty" ***/
  339. #lnkWdgty{
  340.     color: #1f649c;
  341.     font-weight:700;
  342.     font-size: 11px;
  343. }
  344. #lnkWdgty a:link { text-decoration: none; }
  345. #lnkWdgty a:visited { text-decoration: none; }
  346. #lnkWdgty:hover { text-decoration: none; color: white; }
  347. #lnkWdgty a:active { text-decoration: none; }
  348.  
  349. /*** Hyperlink: SurveyGizmo-url ***/
  350. #lnkSurveyGizmoUrlOnBack a{
  351.     position: absolute;
  352.     bottom: 20px;
  353.     right: 20px;
  354.     color: #1f649c;
  355.     font-size: 11px;
  356.     font-weight:bold;
  357. }
  358. #lnkSurveyGizmoUrlOnBack a:link { text-decoration: none; }
  359. #lnkSurveyGizmoUrlOnBack a:visited { text-decoration: none; }
  360. #lnkSurveyGizmoUrlOnBack a:hover { text-decoration: none;  color: white; }
  361. #lnkSurveyGizmoUrlOnBack a:active { text-decoration: none; }
  362.  
  363.  
  364. /***************
  365. * btgetSurveys *
  366. ***************/
  367. #btGetSurveys{
  368.     position: absolute;
  369.     top: 80px;
  370.     left: 240px;
  371. }
  372. /***********
  373. * btCancel *
  374. ***********/
  375. #btCancel{
  376.     position: absolute;
  377.     top: 60px;
  378.     left: 100px;
  379.     width: 75px;
  380.     height:30px;
  381.     font-weight:bold;
  382.     font-size:16px;
  383.     color: #1f649c;
  384.     }
  385. /*********
  386. * btDone *
  387. *********/
  388. #btDone{
  389.     position: absolute;
  390.     top: 60px;
  391.     left: 185px;
  392.     width: 60px;
  393.     height:30px;
  394.     font-weight:bold;
  395.     font-size:16px;
  396.     color: #1f649c;
  397. }
  398.  
  399. /***********
  400. * API input *
  401. ***********/
  402. #inpUserKey {
  403. font-size:140%;
  404. width:360px;
  405. position: absolute;
  406. left:-110px;
  407. top: 25px;
  408. color: #1f649c;
  409. }
  410. /*********
  411. * btInfo *
  412. *********/
  413. #btInfo {
  414.     position:absolute;
  415.     bottom:30px;
  416.     right:25px;
  417. }
  418. #btInfo:hover {cursor:pointer}
  419.